/****   request.js   ****/
// 导入axios
import axios from 'axios'
// 使用ant-design-vue Message做消息提醒
import { message } from 'ant-design-vue'
import router from '../router/index'
const Message = message
//1. 创建新的axios实例，
const service = axios.create({
  // 公共接口
  baseURL: process.env.BASE_API,
  // 超时时间 单位是ms，这里设置了6s的超时时间
  timeout: 6 * 1000,
})
service.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8'
// 2.请求拦截器
service.interceptors.request.use(
  (config) => {
    //发请求前做的一些处理，数据转化，配置请求头，设置token,设置loading等，根据需求去添加
    config.data = JSON.stringify(config.data) //数据转化,也可以使用qs转换
    // axios 底层会自己根据请求添加 content-type
    /*   config.headers = {
    'Content-Type': 'application/x-www-form-urlencoded', //配置请求头
      'Content-Type': 'application/json;charset=UTF-8',
    } */
    const token = localStorage.getItem('Authorization')
    if (token) {
      // config.params = { token: token } 如果要求携带在参数中
      config.headers.token = `${token}`
    }
    return config
  },
  (error) => {
    Promise.reject(error)
  },
)

// 3.响应拦截器
service.interceptors.response.use(
  (response) => {
    /**
     * @处理token过期
     */
    if (response?.data?.code == '400002') {
      // response.message = '未授权，请重新登录'
      Message.error(`未授权，请重新登录`)
      localStorage.removeItem('Authorization')
      router.replace({
        path: '/login',
      })
    }
    //接收到响应数据并成功后的一些共有的处理，关闭loading等
    return response
  },
  (error) => {
    /***** 接收到异常响应的处理开始 *****/
    if (error && error.response) {
      // 1.公共错误处理
      // 2.根据响应码具体处理
      switch (error.response.status) {
        case 400:
          error.message = '错误请求'
          break
        case 401:
          error.message = '未授权，请重新登录'
          localStorage.removeItem('Authorization')
          router.replace({
            path: '/login',
          })
          break
        case 403:
          error.message = '拒绝访问'
          break
        case 404:
          error.message = '请求错误,未找到该资源'
          break
        case 405:
          error.message = '请求方法未允许'
          break
        case 408:
          error.message = '请求超时'
          break
        case 500:
          error.message = '服务器端出错, 状态码: 500!'
          break
        case 501:
          error.message = '网络未实现'
          break
        case 502:
          error.message = '网络错误'
          break
        case 503:
          error.message = '服务不可用'
          break
        case 504:
          error.message = '网络超时'
          break
        case 505:
          error.message = 'http版本不支持该请求'
          break
        default:
          error.message = `连接错误${error.response.status}`
      }
    } else {
      // 超时处理
      if (JSON.stringify(error).includes('timeout')) {
        Message.error('服务器响应超时，请刷新当前页')
      }
      error.message = '连接服务器失败'
    }

    Message.error(error.message)
    /***** 处理结束 *****/
    //如果不需要错误处理，以上的处理过程都可省略
    return Promise.resolve(error.response)
  },
)
//4.导入文件
export default service
